import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false


// 全局自定义指令
// 第一个参数：指令名  不用加 v-
// 第二个参数：指令的配置项
Vue.directive('loading', {
  // DOM已经插入到页面中了
  inserted(el, binding) {
    // console.log(el);
    // console.log(binding.value);
    binding.value ? el.classList.add('loading') : el.classList.remove('loading')
  },
  // 当isLoading变化时 会执行update函数
  update(el, binding) {
    binding.value ? el.classList.add('loading') : el.classList.remove('loading')
  }
})

new Vue({
  render: h => h(App),
}).$mount('#app')
